
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Mélissa - Inicio</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Le styles -->
    <link href="bootstrap/css/bootstrap.css" rel="stylesheet">
    <link href="bootstrap/css/bootstrap-responsive.css" rel="stylesheet">

    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!-- Le fav and touch icons -->
    <link rel="shortcut icon" href="images/icone.png">
  </head>

  <body>
    <div align="center">
        <img src="images/banner.jpg" alt="CIVE"  />
    </div>
    <div class="navbar">
      <div class="navbar-inner">
        <div class="container">
          <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </a>
          <a class="brand" href="#">Mélissa</a>
          <div class="nav-collapse">
            <ul class="nav">
                <li><a href="#area_restrita">Página Inicial</a></li>
                <li class="dropdown" id="menuDis">
                    <a class="dropdown-toggle" data-toggle="dropdown" href="#menuDis">
                    Discente
                    <b class="caret"></b>
                    </a>
                    <ul class="dropdown-menu">
                        <li><a href="alunoPesquisa.htm">Aluno</a></li>
                        <li class="divider"></li>
                        <li><a href="responsavelPesquisa.htm">Responsável</a></li>
                    </ul>
                </li>
                <li class="dropdown" id="menuFun">
                    <a class="dropdown-toggle" data-toggle="dropdown" href="#menuFun">
                    Funcionários
                    <b class="caret"></b>
                    </a>
                    <ul class="dropdown-menu">
                        <li><a href="professorPesquisa.htm">Professor</a></li>
                        <li><a href="secretariaLista.htm">Secretária</a></li>
                        <li><a href="#">Outros</a></li>
                    </ul>
                </li>
                <li class="dropdown" id="menuDesp">
                    <a class="dropdown-toggle" data-toggle="dropdown" href="#menuDesp">
                    Despesas
                    <b class="caret"></b>
                    </a>
                    <ul class="dropdown-menu">
                        <li><a href="despesaFixaCadastro.htm">Fixas</a></li>
                        <li><a href="despesaVariavelCadastro.htm">Variáveis</a></li>
                        <li><a href="despesaDiveraCadastro.htm">Diversas</a></li>
                    </ul>
                </li>
                <li class="dropdown" id="menuEns">
                    <a class="dropdown-toggle" data-toggle="dropdown" href="#menuEns">
                    Ensino
                    <b class="caret"></b>
                    </a>
                    <ul class="dropdown-menu">
                        <li><a href="anoLetivoLista,htm">Ano Letivo</a></li>
                        <li><a href="serieLista.htm">Série</a></li>
                    </ul>
                </li>
                <li class="dropdown" id="menuRel">
                    <a class="dropdown-toggle" data-toggle="dropdown" href="#menuRel">
                    Movimentações
                    <b class="caret"></b>
                    </a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Relatório Mensal</a></li>
                        <li><a href="#">Caixa Diário</a></li>
                    </ul>
                </li>
            </ul>
            <ul class="nav pull-right">
                <li class="divider-vertical"></li>
                <li class="dropdown" id="menu1">
                    <a class="dropdown-toggle" data-toggle="dropdown" href="#menu1">
                    <i class="icon-user icon-white"></i>
                    mbarbosa
                    <b class="caret"></b>
                    </a>
                    <ul class="dropdown-menu">
                        <li><a href="#">
                            <i class="icon-list-alt"></i>
                            Meus Dados</a>
                        </li>
                        <li><a href="#">
                            <i class="icon-cog"></i>
                            Configurar</a>
                        </li>
                        <li class="divider"></li>
                        <li><a href="#">
                            <i class="icon-off"></i>
                            Sair</a>
                        </li>
                    </ul>
                </li>
            </ul>
          </div><!--/.nav-collapse -->
        </div>
      </div>
    </div>

    <!--container -->
    <div class="container">
    <div class="span6">
    <div id="myCarousel" class="carousel slide">
    <!-- Carousel items -->
    <div align="center">
    <div class="carousel-inner">
        <div class="active item"><img src="/home/nathaie/Área de Trabalho/fotos/6.jpg" alt="Smiley face" height="350" width="350" class= "btn btn-inverse"/>Inauguração da Escola</div>
    	<div class="item"><img src="/home/nathaie/Área de Trabalho/fotos/1.jpg" alt="Smiley face" height="350" width="350" class= "btn btn-inverse"/></div>
    	<div class="item"><img src="/home/nathaie/Área de Trabalho/fotos/2.jpg" alt="Smiley face" height="350" width="350" class= "btn btn-inverse"/></div>
    	<div class="item"><img src="/home/nathaie/Área de Trabalho/fotos/3.jpg" alt="Smiley face" height="350" width="350" class= "btn btn-inverse"/></div>
    	<div class="item"><img src="/home/nathaie/Área de Trabalho/fotos/4.jpg" alt="Smiley face" height="350" width="350" class= "btn btn-inverse"/></div>
    	<div class="item"><img src="/home/nathaie/Área de Trabalho/fotos/5.jpg" alt="Smiley face" height="350" width="350" class= "btn btn-inverse"/></div>
    </div>
    <div><!--/div-->
    </div><!--/span-->
    </div> <!-- /container -->
    
    <!-- Carousel nav -->
  	<a class="carousel-control left" href="#myCarousel" class= "btn btn-inverse" data-slide="prev">&lsaquo;</a>
  	<a class="carousel-control right" href="#myCarousel" class= "btn btn-inverse" data-slide="next">&rsaquo;</a>
    </div>
    

    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="bootstrap/js/jquery.js"></script>
    <script src="bootstrap/js/bootstrap-transition.js"></script>
    <script src="bootstrap/js/bootstrap-alert.js"></script>
    <script src="bootstrap/js/bootstrap-modal.js"></script>
    <script src="bootstrap/js/bootstrap-dropdown.js"></script>
    <script src="bootstrap/js/bootstrap-scrollspy.js"></script>
    <script src="bootstrap/js/bootstrap-tab.js"></script>
    <script src="bootstrap/js/bootstrap-tooltip.js"></script>
    <script src="bootstrap/js/bootstrap-popover.js"></script>
    <script src="bootstrap/js/bootstrap-button.js"></script>
    <script src="bootstrap/js/bootstrap-collapse.js"></script>
    <script src="bootstrap/js/bootstrap-carousel.js"></script>
    <script src="bootstrap/js/bootstrap-typeahead.js"></script>
 
</html>

